
.dw-list-main-title {
  font-size: 14px;
  color: #666;
}

.dw-sub-title,.dw-list-sub-title {
  font-size: 13px;
  color: #999;
}

.dw-number {
  font-size: 15px;
  font-weight: bold;
  color: $dw-text-primary-color;
}

.info_warp {
  width: 375px;
  padding: 9px;
  position: relative;

  &::after {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: '';
    border-radius: 0 0 30px 30px;
    background: #35c877;
  }

  .form_box {
    min-height: 200px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 9px;
    right: 9px;

    &::after {
      height: 10px;
      content: '';
      background: rgba(255, 255, 255, 0.6);
      position: absolute;
      border-radius: 7px 7px 0 0;
      left: 10px;
      right: 10px;
      top: -10px;
      z-index: -1;
    }

    &::before {
      height: 20px;
      content: '';
      background: rgba(255, 255, 255, 0.4);
      position: absolute;
      border-radius: 7px 7px 0 0;
      left: 34px;
      right: 34px;
      top: -34px;
      z-index: -2;
    }
  }
}

.alert_box {
  width: 100%;
  padding: 15px 14px 0 14px;

  .u-btn {
    width: 100% !important;
    justify-content: start !important;
    padding: 0 0 0 15px !important;

    .u-icon {
      margin-right: 3px !important;
    }
  }
}

.uformitem {
  //#ifdef H5
  padding: 11px 17px !important;
  //#endif

  .u-form-item {
    padding: 11px 17px !important;
  }
}

.submitBtns {
  padding: 17px;
}

.btns {
  position: relative;
  overflow: hidden;

  &::before {
    display: block;
    content: '';
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    border-radius: 50%;
    animation: twinkle 1.1s;
    animation-iteration-count: infinite;
    opacity: 0;
    width: 0;
    height: 0;
  }
}

.warp {
  //width: 375px;
  min-height: 100%;
}

.index_warp {
  //width: 375px;
  height: 230px;
  position: relative;
  background: url(https://sswxcsm.oss-cn-shenzhen.aliyuncs.com/smp/static/jitai/line.png) no-repeat center -60px #35c877;
  background-size: auto 100%;
  padding-top: 44px;
}

.submitBtn {
  padding: 15px 0 0 0;
}

.all_title_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .title_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    .svg {
      height: 30px;
      margin-right: 4px;
      display: flex;
      align-items: center;

      image {
        width: 30px;
        height: 30px;
      }
    }

    .text {
      font-weight: bold;
      color: #ffa911;
      padding-left: 2px;
    }
  }
}

.list_goods {
  width: 100%;

  .all_title_box {
    margin-bottom: 5px !important;

    .text {
      color: #666;
    }
  }

  .item {
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;

    image {
      width: 96px;
      height: 96px;
      border-radius: 8px;
    }

    .infos {
      padding-left: 10px;

      .name {
        width: 100%;
        font-size: 14px;
        padding: 2px 0 5px 0;
      }

      .span {
        font-size: 22px;
        color: #999;
      }

      .price {
        padding-top: 15px;
        font-size: 15px;
        font-weight: bold;
        color: $dw-text-primary-color;
      }
    }
  }
}

//用户等级
.level {
  font-size: 14px;
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  padding-left: 20px;

  .l_icon {
    width: 20px;
    height: 29.5px;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;

    &.level_1 {
      background: url(~@/static/jitai/level/level_1.png) no-repeat;
      background-size: 15px 42px;
    }

    &.level_2 {
      background: url(~@/static/jitai/level/level_2.png) no-repeat;
      background-size: 15px 42px;
    }

    &.level_3 {
      background: url(~@/static/jitai/level/level_3.png) no-repeat;
      background-size: 15px 42px;
    }

    &.level_4 {
      background: url(~@/static/jitai/level/level_4.png) no-repeat;
      background-size: 15px 42px;
    }

    &.level_5 {
      background: url(~@/static/jitai/level/level_5.png) no-repeat;
      background-size: 15px 42px;
    }

    &.level_6 {
      background: url(~@/static/jitai/level/level_6.png) no-repeat;
      background-size: 15px 42px;
    }
  }
}

//通用明细列表
.log_list_box {
  width: 375px;
  padding: 14px;

  .item {
    width: 100%;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 14px;

    &:nth-last-child(1) {
      margin-bottom: 0;
    }

    .name {
      font-size: 16px;
      padding-bottom: 5px;
      color: #666;
    }

    .time {
      color: #ccc;
      font-size: 13px;
    }

    .log_right {
      text-align: center;

      .jr {
        font-size: 16px;
        padding-bottom: 5px;
        font-weight: bold;

        &.jia {
          color: #18B566;
        }

        &.jian {
          color: #ff0000;
        }
      }

      .tips {
        font-size: 13px;

        &.warning {
          color: #ff0000;
        }

        &.success {
          color: #18B566;
        }
      }
    }
  }
}